<!DOCTYPE html>
<html>
<head>
  <title>快速收藏图标</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      width: 128px;
      height: 128px;
      background-color: #4285f4;
      border-radius: 20px;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
    }
    .bookmark-icon {
      width: 80px;
      height: 80px;
      position: relative;
    }
    .bookmark-top {
      width: 48px;
      height: 48px;
      background-color: white;
      position: absolute;
      top: 0;
      left: 16px;
      clip-path: polygon(0 0, 100% 0, 100% 50%, 75% 50%, 75% 100%, 50% 75%, 25% 100%, 25% 50%, 0 50%);
    }
    .bookmark-bottom {
      width: 16px;
      height: 16px;
      background-color: white;
      border-radius: 50%;
      position: absolute;
      top: 8px;
      left: 32px;
    }
  </style>
</head>
<body>
  <div class="bookmark-icon">
    <div class="bookmark-top"></div>
    <div class="bookmark-bottom"></div>
  </div>
</body>
</html>